<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
  <meta name="description" content="">
  <meta name="author" content="ThemeBucket">
  <link rel="shortcut icon" href="#" type="image/png">

  <title>作业上传页面</title>

  <!--dynamic table-->
  <link th:href="@{/js/advanced-datatable/css/demo_page.css}" rel="stylesheet" />
  <link th:href="@{js/advanced-datatable/css/demo_table.css}" rel="stylesheet" />
  <link rel="stylesheet" th:href="@{/js/data-tables/DT_bootstrap.css}" />

  <!--公共css-->
  <link th:include="common::commonheader">
</head>

<body class="sticky-header">

<section>
  <!-- left side start-->
  <div th:replace="common::leftmenu"></div>
  <!-- left side end-->

  <!-- main content start-->
  <div class="main-content" >

    <!-- 头部分开始-->
    <div th:replace="common::headermenu"></div>
    <!-- header section end-->

    <!-- page heading start-->
    <div class="page-heading">
      <h3>
        文件上传页
      </h3>
      <ul class="breadcrumb">
        <li>
          <a href="#">Dashboard</a>
        </li>
        <li>
          <a href="#">Data Tables</a>
        </li>
        <li class="active"> 文件上传页</li>
      </ul>
    </div>
    <!-- page heading end-->

    <!--body wrapper start-->
      <div class="col-lg-6">
        <section class="panel">
          <header class="panel-heading">
            文件上传页
          </header>
          <div class="panel-body">
            <form role="form" th:action="@{/studentRole/upload}" method="post" enctype="multipart/form-data">
              <div class="form-group">
                <label for="exampleInputEmail1">提交说明</label>
                <input type="text" name="text" class="form-control" id="exampleInputEmail1" placeholder="使用姓名学号命名" >
              </div>

              <div class="form-group">
                <label for="exampleInputFile">上传附件</label>
                <input type="file" name="file" id="exampleInputFile">
<!--                <p class="help-block">Example block-level help text here.</p>-->
              </div>
<!--              <div class="checkbox">-->
<!--                <label>-->
<!--                  <input type="checkbox"> Check me out-->
<!--                </label>-->
<!--              </div>-->
              <button type="submit" class="btn btn-primary">Submit</button>
            </form>

          </div>
        </section>
      </div>

    <div class="alert alert-success alert-block fade in" th:unless="${#strings.isEmpty(message)}">
      <button type="button" class="close close-sm" data-dismiss="alert">
        <i class="fa fa-times"></i>
      </button>
      <h4>
        <i class="icon-ok-sign"></i>
        fail!
      </h4>
      <p th:text="${message}"></p>
    </div>

    <footer>
      2021 &copy; add Courseinfo
    </footer>
    <!--footer section end-->
  </div>
  </div>
  <!-- main content end-->
</section>

<div th:replace="common::commonscript"/>


<!--dynamic table-->
<script type="text/javascript" language="javascript" th:src="@{/js/advanced-datatable/js/jquery.dataTables.js}"></script>
<script type="text/javascript" th:src="@{/js/data-tables/DT_bootstrap.js}"></script>
<!--dynamic table initialization -->
<script th:src="@{/js/dynamic_table_init.js}"></script>

<script>
  $(".message .close").on('click',function () {
    $(this).closest(".message")
            .transition("fade");
  })
</script>

</body>
</html>
